<template>
  <view>
    <u-popup
      v-model="show"
      mode="center"
      border-radius="14"
      @close="close"
      :closeable="false"
    >
	
	<slot name="popup"> </slot>
 <!--     <u-row gutter="24" v-for="(item, index) in ListData" :key="index">
        <u-col span="2">
          <view class="demo-layout bg-purple">{{ item.ymd.substring(5,10) }}</view>
        </u-col>
        <u-col span="2">
          <view class="demo-layout bg-purple-light">{{ item.week }}</view>
        </u-col>
        <u-col span="2">
          <view class="demo-layout bg-purple-dark">{{ item.type }}</view>
        </u-col>
        <u-col span="5">
          <view class="demo-layout bg-purple-dark"
            >{{ item.fx }}/{{ item.fl }}</view
          >
        </u-col>
      </u-row> -->
    </u-popup>
  </view>
</template>

<script>
export default {
  data() {
    return {
      show: false,
    };
  },
  name:'popup',
  props: {
    // ListData: [],
    ListData: { type: Array, data: [] },
  },
  methods: {
    close() {
      this.show = false;
	  this.$emit('close')
    },
  },
};
</script>

<style scoped lang="scss">
.wrap {
  padding: 24rpx;
  background: salmon;
}

.u-row {
  width: 78vw;
  margin: 30rpx 0;
  background: #fdfefd;
}

</style>
